<template>
  <div>
    <div class="pc">
      <div class="foot_nav">
        <div class="foot_nav_contant">
          <div class="logo">
            <img src="../../assets/images/footer/logo.png" alt />
            <div class="wz">- 银行积分快速变现 -</div>
          </div>
          <ul>
            <li @click="topa(index)" v-for="(item,index) in navlist" :key="index">{{item}}</li>
          </ul>
        </div>
      </div>
      <div class="foot_contant">
        <div class="foot_contant_contant">
          <div class="foot_contant_left">
            <div class="one">联系我们</div>
            <div class="two">
              <div class="two_item">
                <img class="one_pic" src="../../assets/images/footer/mobile.png" alt />
                <!-- <span>服务热线：15152888233</span> -->
                <span>服务热线：{{pcinfo.mobile}}</span>
              </div>
              <!-- <div class="two_item">
                <img src="../../assets/images/footer/email.png" alt />
                <span>服务邮箱：{{pcinfo.email}}</span>
              </div>-->
              <div class="two_item">
                <img class="two_pic" src="../../assets/images/footer/wechat.png" alt />
                <span>客服微信：{{pcinfo.wechat}}</span>
              </div>
            </div>
            <!-- <div class="two_item">
                <img class="two_pic" src="../../assets/images/footer/wechat.png" alt />
                <span>微信客服：{{pcinfo.wechat}}</span>
            </div>-->
            <div class="two three">
              <div class="two_item">
                <img class="two_pic" src="../../assets/images/footer/area.png" alt />
                <span>公司地址：{{pcinfo.address}}</span>
                <!-- 南通市港闸区深南路9号万达广场3幢1306室 -->
                <!-- <span>公司地址：南通市港闸区深南路9号万达广场3幢1306室</span> -->
              </div>
            </div>
          </div>
          <div class="foot_contant_right">
            <!-- <div class="ewm">
              <img :src="'https://jifendui.oss-cn-beijing.aliyuncs.com/'+pcinfo.app_qrcode" alt="">
              <span>App下载</span>
            </div>-->
            <!-- <img src="../../assets/images/footer/appewm.png" alt /> -->

            <div class="ewm">
              <!-- <img :src="'https://jifendui.oss-cn-beijing.aliyuncs.com/'+pcinfo.wechat_qrcode" alt /> -->
              <img src="../../assets/images/footer/wechat_public.png" alt />
              <span>微信公众号</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 最底部 -->
      <div class="footer_footer">
        <div class="footer_footer_contant">2019© All rights reserved. All rights reserved</div>
      </div>
    </div>
    <div class="mbo">
      <div class="m_nav">
        <div
          class="m_nav_item"
          v-for="(item,index) in navlist"
          :key="index"
          @click="topa(index)"
        >{{item}}</div>
      </div>
      <div class="conpany_info">
        <div class="conpany_info_l">
          <div class="lfet_item">
            <img class="lfet_item_pic" src="../../assets/images/footer/mobile.png" alt />
            <!-- <p>服务热线：15152888233</p> -->
            <p>服务热线：{{pcinfo.mobile}}</p>
          </div>
          <!-- <div class="lfet_item">
            <img src="../../assets/images/footer/email.png" alt />
            <p>服务邮箱：{{pcinfo.email}}</p>
          </div>-->
          <div class="lfet_item">
            <img src="../../assets/images/footer/wechat.png" alt />
            <p>客服微信：{{pcinfo.wechat}}</p>
          </div>
          <div class="lfet_item">
            <img src="../../assets/images/footer/area.png" alt />
            <!-- <p>公司地址：南通市港闸区深南路9号万达广场3幢1306室</p> -->
            <p>公司地址：{{pcinfo.address}}</p>
          </div>
        </div>
      </div>
      <!-- 底部信息 -->
      <div class="bot_info">2019© All rights reserved. All rights reserved</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      navlist: ["首页", "产品介绍", "行业资讯", "关于我们"],
      minfolist: [
        {
          src: require("../../assets/images/footer/mobile.png"),
          if: "服务热线：400-800-2285"
        },
        {
          src: require("../../assets/images/footer/email.png"),
          if: "服务邮箱：jfdlm@web.com"
        },
        {
          src: require("../../assets/images/footer/wechat.png"),
          if: "微信客服：jfdlm123456"
        },
        {
          src: require("../../assets/images/footer/area.png"),
          if: "公司地址：安徽省合肥市滨河区绿地赢海大厦A座"
        }
      ],
      pcinfo: {}
    };
  },
  mounted() {
    this.getparam();
  },

  methods: {
    getparam() {
      this.ajax("Web/getWebParam", {
        success: res => {
          window.console.log(res);
          this.pcinfo = res.msg;
        }
      });
    },
    topa(key) {
      switch (key) {
        case 0:
          this.$router.push("/index/index");
          break;
        case 1:
          this.$router.push("/product/product");
          break;
        case 2:
          this.$router.push("/industry/industry");
          break;
        case 3:
          this.$router.push("/about/about");
          break;

        default:
          break;
      }
    }
  }
};
</script>

<style>
@import url("../../assets/scss/footer/footer.css");
</style>